//清浮动
.clearfix {
    &:after {
        content: "";
        display: block;
        height: 0;
        line-height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }
}

//背景图
.bg-image( @url ) {
    background-repeat: no-repeat;
    background-image:~'url(../../assets/images/@{url}.png)';
    //@media only screen and (-webkit-min-device-pixel-ratio: 1.0), only screen and (min-device-pixel-ratio:2.0){
    //  background-image: ~'url(@{url}@2x.png)';
    //}
    //@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3){
    //  background-image: ~'url(@{url}@3x.png)';
    //}
}

// 统一盒模型
.border-box{
    *,
    *:after,
    *:before {

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

// 字体大小
.fz(@fz) {
    font-size: @fz;
}

// 字体颜色
.color(@color) {
    color: @color;
}

//背景色
.background-color(@color){
    background-color:@color;
}

// 禁止换行, 文本溢出省略号显示 (一行)
.ellipsis{
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

// 文本溢出省略号显示 (多行)
.ellipsis-mult(@n: 3) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @n;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

// 禁止文本被选择
.user-select{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
//number去除上下箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}